// 黑暗模式
html[data-theme='dark'] {
  --textColor: rgba(255, 255, 255, 0.87);
  // 灰度文字
  --textGrayColor: #868788;
  --backColor: #1f2021;
  --backColor-simple: #2e2f33;
  --lineColor: #525255;
  // 主题色-primary
  --primary: #409efc;
  // 主题色-default
  --default: rgb(50.8, 116.6, 184.5);
  // 背景颜色-default
  --defaultBack: #353639;
  // 背景颜色-primary
  --primaryBack: #525255;

  // 深色黑
  --xfxjColor1: #1f2021;
  // 浅色黑
  --xfxjColor2: #2e2f33;

  // 未选中
  --xfxjNoSelectBack: #353639;
  --xfxjNoSelectText: #868788;

  // 选中
  --xfxjSelectBack: #525255;
  --xfxjSelectText: #f6f6f6;

  // 着重色
  --xfxjEmphasizeText: #fff;

  // 线条色
  --xfxjLineColor: #525255;

  // 主题色
  --xfxjPrimary: #409efc;
  // 保留色: #646cff;

  // 布局色
  --test: #cccccc80;

  // --bodyColor: #1a1a1a;
  --bodyColor: #2e2f33;

  --backColor: #1f2021;

  // aside-item nav-item
  --cardItemActive: #525255;
  --cardItemActiveText: #f6f6f6;
  --cardItem: #353639;
  --cardItemText: #868788;

  --textTitleColor: rgba(255, 255, 255, 0.87);
  // text color
  // --textColor: #868788;
  --textColorPrimary: #f6f6f6;
  // --textColor: rgba(235, 235, 235, 0.38);
  // --textColorPrimary: #e5eaf3;

  // --lineColor: rgba(84, 84, 84, 0.48);
  // --lineColor: #525255;

  // --primary: #409efc;

  // 布局色
  --layout-color: #cccccc80;
}

// 亮色模式
html[data-theme='light'] {
  --textColor: rgba(0, 0, 0, 0.87);
  --backColor: #fff;
  --backColor-simple: #2e2f33;
  --lineColor: #525255;
  // 背景颜色-default
  --defaultBack: #353639;
  // 背景颜色-primary
  --primaryBack: #525255;
}

// 暗黑主题
.dark {
  // 深色黑
  --xfxjColor1: #1f2021;
  // 浅色黑
  --xfxjColor2: #2e2f33;

  // 未选中
  --xfxjNoSelectBack: #353639;
  --xfxjNoSelectText: #868788;

  // 选中
  --xfxjSelectBack: #525255;
  --xfxjSelectText: #f6f6f6;

  // 着重色
  --xfxjEmphasizeText: #fff;

  // 线条色
  --xfxjLineColor: #525255;

  // 主题色
  --xfxjPrimary: #409efc;
  // 保留色: #646cff;

  // 布局色
  --test: #cccccc80;

  // --bodyColor: #1a1a1a;
  --bodyColor: #2e2f33;

  --backColor: #1f2021;

  // aside-item nav-item
  --cardItemActive: #525255;
  --cardItemActiveText: #f6f6f6;
  --cardItem: #353639;
  --cardItemText: #868788;

  --textTitleColor: rgba(255, 255, 255, 0.87);
  // text color
  //   --textColor: #868788;
  --textColorPrimary: #f6f6f6;
  // --textColor: rgba(235, 235, 235, 0.38);
  // --textColorPrimary: #e5eaf3;

  // --lineColor: rgba(84, 84, 84, 0.48);
  // --lineColor: #525255;

  // --primary: #409efc;

  // 布局色
  --layout-color: #cccccc80;
}

// 白色主题
.light {
  --backColor: #fff;
  --textColor: rgba(0, 0, 0, 0.87);
}
